
<!DOCTYPE HTML>
<html ng-app="MainModule">
<head>
<title>Home page</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
<link href="css/slider.css" rel="stylesheet" type="text/css" media="all"/>
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script> 
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript" src="js/startstop-slider.js"></script>

    <style>
        .advertising{
            position: relative;
            top:25px;
            left: 140px;
            height: 130px;
            width: 750px;
            overflow: hidden;
        }
        .advertising_middle{
            position: relative;
            left:200px;
        }
    </style>
</head>
<body  ng-controller="AdminCtrl">
  <div class="wrap">
	<div class="header">
		<div class="headertop_desc">
			<div class="call">
				 <p><span>Need help?</span> call us <span class="number">{{OtherInfo[0].Telephone}}</span></span></p>
			</div>

			<div class="clear"></div>
		</div>
		<div class="header_top">
			<div class="logo">
				<a href="index.html"><img src="images/logo.png" alt="" /></a>
			</div>
            <div class="advertising">

              </div>


	 <div class="clear"></div>
  </div>
	<div class="header_bottom">
	     	<div class="menu">
	     		<ul>
			    	<li class="active"><a href="index.html">Home</a></li>
                    <li><a href="Products.html">Products</a></li>
			    	<li><a href="about.html">About</a></li>
			    	<li><a href="news.html">News</a></li>
			    	<li><a href="contact.html">Contact</a></li>
			    	<div class="clear"></div>
     			</ul>
	     	</div>
	     	<!--<div class="search_box">
	     		<form>
	     			<input type="text" value="Search" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search';}"><input type="submit" value="">
	     		</form>
	     	</div>-->
	     	<div class="clear"></div>
	     </div>	     
	<div class="header_slide">
			<div class="header_bottom_left">				
				<div class="categories">
				  <ul>
				  	<h3>Categories</h3>
				      <li><a href="Products.html?id={{category.Id}}" ng-repeat="category in Categories">{{category.Title}}</a></li>


				  </ul>
				</div>					
	  	     </div>

        <div class="header_bottom_right">
            <div class="slider">
                <div id="slider">
                    <div id="mover">
                        <div id="slide-1" class="slide">
                            <div class="slider-img">
                                <a href="preview.html?id={{slides[0].Id}}"><img src="images/{{slides[0].Image}}" alt="learn more" /></a>
                            </div>
                            <div class="slider-text" style="position:relative; right: 80px;font-size: 18px;">
                                <h1>{{slides[0].Title}}</h1>
                                <div class="features_list">
                                    <h4>{{slides[0].Description_preview}}</h4>
                                </div>
                                <a href="preview.html?id={{slides[0].Id}}" class="button">Read More</a>
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div class="slide">
                            <div class="slider-text">
                                <h1>{{slides[1].Title}}</h1>
                                <div class="features_list">
                                    <h4>{{slides[1].Description_preview}}</h4>
                                </div>
                                <a href="preview.html?id={{slides[1].Id}}" class="button">Read More</a>
                            </div>
                            <div class="slider-img">
                                <a href="preview.html?=id{{slides[1].Id}}"><img src="images/{{slides[1].Image}}" alt="learn more" /></a>
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div class="slide">
                            <div class="slider-img">
                                <a href="preview.html?id={{slides[2].Id}}"><img src="images/{{slides[2].Image}}" alt="learn more" /></a>
                            </div>
                            <div class="slider-text">
                                <h1>{{slides[2].Title}}</h1>
                                <div class="features_list">
                                    <h4>{{slides[2].Description_preview}}</h4>
                                </div>
                                <a href="preview.html?id={{slides[2].Id}}" class="button">Read More</a>
                            </div>
                            <div class="clear"></div>
                        </div>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
        </div>
		   <div class="clear"></div>
		</div>
   </div>
 <div class="main">
    <div class="content">
    	<div class="content_top">
    		<div class="heading">
    		<h3>New Software</h3>
    		</div>
    		<div class="see">
    			<p><a href="Products.html">See all Software</a></p>
    		</div>
    		<div class="clear"></div>
    	</div>
	      <div class="section group">
				<div class="grid_1_of_4 images_1_of_4" ng-repeat="product in NewProducts">
					 <a href="preview.html?id={{product.Id}}"><img src="images/{{product.Image}}" alt="" /></a>
					 <h2 style="height:42px;">{{product.Title}} </h2>
					<div class="price-details">
				       <div class="price-number">

					    </div>
					       		<div class="add-cart">								
									<h4><a href="preview.html?id={{product.Id}}">Read More</a></h4>
							     </div>
							 <div class="clear"></div>
					</div>
					 
				</div>
			</div>
        <div class="advertising_middle">
          </div>

    </div>
 </div>
</div>
  <div class="footer">
      <div class="wrap">
          <div class="section group">
              <div class="col_1_of_4 span_1_of_4">
                  <h4>Products</h4>
                  <ul>
                      <li><a href="Products.html">Products</a></li>
                      <li><a href="Products.html">Top products</a></li>
                  </ul>
              </div>
              <div class="col_1_of_4 span_1_of_4">
                  <h4>Information</h4>
                  <ul>
                      <li><a href="about.html">About Us</a></li>
                      <li><a href="contact.html">Contacts</a></li>
                      <li><a href="contact.html">Support</a></li>
                  </ul>
              </div>
              <div class="col_1_of_4 span_1_of_4">
                  <h4>News</h4>
                  <ul>
                      <li><a href="news.html">Top news</a></li>
                      <li><a href="news.html">News</a></li>
                  </ul>
              </div>
              <div class="col_1_of_4 span_1_of_4">
                  <h4>Contact</h4>
                  <ul>
                      <li><span>{{OtherInfo[0].Telephone}}</span></li>
                  </ul>
                  <div class="social-icons">
                      <h4>Follow Us</h4>
                      <ul>
                          <li><a href="#" target="_blank"><img src="images/facebook.png" alt="" /></a></li>
                          <li><a href="#" target="_blank"><img src="images/twitter.png" alt="" /></a></li>
                          <li><a href="#" target="_blank"><img src="images/skype.png" alt="" /> </a></li>
                          <li><a href="#" target="_blank"> <img src="images/dribbble.png" alt="" /></a></li>
                          <li><a href="#" target="_blank"> <img src="images/linkedin.png" alt="" /></a></li>
                          <div class="clear"></div>
                      </ul>
                  </div>
              </div>
          </div>
      </div>
      <div class="copy_right">
          <p>Company Name © All rights Reseverd |</p>
      </div>
  </div>

    <a href="#" id="toTop"><span id="toTopHover"> </span></a>
  <script type="text/javascript" src="/js/jquery-2.1.3.min.js"></script>
  <script type="text/javascript" src="/js/angular.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0-rc.2/angular-animate.min.js"></script>
  <script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/1.10.3/TweenMax.min.js"></script>
  <script type="text/javascript" src="/js/AngularControllers/AdminCtrl.js"></script>
  <script type="text/javascript" src="/js/AngularControllers/SliderCtrl.js"></script>
  <script type="text/javascript" src="/js/AngularControllers/ReadMoreCtrl.js"></script>
  <script type="text/javascript" src="/js/AngularControllers/EditCtrl.js"></script>
  <script type="text/javascript" src="/js/angularModules/mainModule.js"></script>
</body>
</html>

